<template>
  <PageWrapper dense fixedHeight contentFullHeight>
    <a-tabs v-model:activeKey="activeKey" destroyInactiveTabPane>
      <a-tab-pane key="1" tab="物料类别配置">
        <MaterialCategory />
      </a-tab-pane>
      <a-tab-pane key="2" tab="物料属性配置">
        <MaterialProperty />
      </a-tab-pane>
    </a-tabs>
  </PageWrapper>
</template>
<script lang="ts" setup>
  import { ref } from 'vue';
  import { PageWrapper } from '/@/components/Page';
  import MaterialCategory from './components/MaterialCategory.vue';
  import MaterialProperty from './components/MaterialProperty.vue';

  const activeKey = ref('1');
</script>
<style lang="less" scoped>
  :deep(.ant-tabs-nav) {
    background: #fff;
    padding-left: 10px;
    margin-bottom: 0;
  }

  :deep(.vben-basic-table-form-container) {
    margin-right: 0;
  }
</style>
